
        <div class="main layui-clear">
            <h2 class="page-title">
                登入
            </h2>
            <div class="layui-form layui-form-pane">
                <form method="post">
                    <div class="layui-form-item">
                        <label for="L_email" class="layui-form-label">
                            邮箱
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="email" name="email" required lay-verify="email"
                            autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_repass" class="layui-form-label">
                            密码
                        </label>
                        <div class="layui-input-inline">
                            <input type="password" id="L_repass" name="repass" required lay-verify="repass"
                            autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_vercode" class="layui-form-label">
                            人类验证
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="vercode" name="vercode" required lay-verify="vercode"
                            placeholder="请回答后面的问题" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid">
                            <span style="color: #c00;cursor:pointer;" id='getcode'>
                              <?php echo $res[0]['code'] ?>
                            </span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" lay-filter="a" lay-submit>
                            立即登入
                        </button>
                        <span style="padding-left:20px;">          <a href="/user/forget">忘记密码？</a>        </span>
                    </div>
                    <div class="layui-form-item fly-form-app">
                        <span>
                            或者直接使用社交账号快捷注册
                        </span>
                        <a href="{:U('home/login/qqlogin')}" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-qq" title="QQ登入">
                        </a>
                        <a href="http://fly.layui.com:8098/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-weibo" title="微博登入">
                        </a>
                    </div>
                </form>
            </div>
        </div>
     
        <script src="__PUBLIC__/layui/layui.js"></script>
        <script src="__PUBLIC__/layui/jquery-1.7.2.js"></script>
        <script >
            layui.use(['form'], function(){
                  var form = layui.form(),
                  layer = layui.layer;
            //自定义验证规则
                form.verify({
                    email: function(value){
                        str= /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/;
                        if (!str.test(value)) {
                            return '请输入正确的邮箱！'
                        };                            
                    },
                    repass: function(value){
                        if ($('#L_repass').val()=='') {
                            return '密码不能为空！'
                        };
                    },
                    vercode: function(value){
                        info = 0;
                        $.ajax({
                            url: '{:U("home/login/checkecode")}',
                            type: 'post',
                            dataType: 'json',
                            async:false,
                            data: {vercode: value},
                            success: function(data) {
                                if (data.error==1) {
                                        info = data.info;
                                     }
                                }
                        })
                        if (info!=0) {
                            return info;
                        }              
                    },
                });

                //监听提交
                   form.on('submit(a)', function(data){
                     // alert(data.field);
                        $.ajax({
                            url: "{:U('home/login/checke')}",
                            type: 'POST',
                            dataType: 'json',
                            data: {data: data.field},
                            success:function (data) {
                               if (data.error == 1) {
                                    layer.confirm(data.info, {
                                      btn: ['确定'] //按钮
                                    }, function(){
                                       location.replace("{:U('home/usercore/index')}");
                                    });
                                }else{
                                    layer.confirm(data.info, {
                                      btn: ['确定'] //按钮
                                    });                                  
                                };
                            }
                        })   
                    return false;
                  });
            });
        $('#getcode').click(function(event) {
                
                b = info = $('#getcode').html();
                a();
                if (info !== b ) {
                    a();
                }

            });

            function a(){
                $.ajax({
                url: "{:U('home/register/getcode')}",
                type: 'post',
                dataType: 'json',
                success: function(data) {
                    $('#getcode').html(data.info);
                }
                })
            }
            

        </script>
